import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

class FriendSection extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: EdgeInsets.fromLTRB(30.w, 50.h, 30.w, 0),
      child: Container(
        height: 112.h,
        decoration: BoxDecoration(
          color: const Color(0xFF151313),
          borderRadius: BorderRadius.circular(30.r),
        ),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Row(
              children: [
                SizedBox(width: 32.w),
                Image.asset(
                  'assets/images/msg_friend_icon.png',
                  width: 72.w,
                  height: 72.h,
                ),
                SizedBox(width: 24.w),
                Row(
                  children: [
                    Text(
                      'My friend',
                      style: TextStyle(
                        color: Colors.white,
                        fontSize: 28.sp,
                        fontWeight: FontWeight.normal,
                      ),
                    ),
                    SizedBox(width: 16.w),
                    Text(
                      '(30)',
                      style: TextStyle(
                        color: Colors.white,
                        fontSize: 28.sp,
                      ),
                    ),
                  ],
                ),
              ],
            ),
            Row(
              children: [
                Container(
                  padding:
                      EdgeInsets.symmetric(horizontal: 16.w, vertical: 8.h),
                  decoration: BoxDecoration(
                    color: const Color(0xFFFF3034),
                    borderRadius: BorderRadius.circular(24.r),
                  ),
                  child: Text(
                    'new',
                    style: TextStyle(
                      color: Colors.white,
                      fontSize: 24.sp,
                      fontWeight: FontWeight.bold,
                    ),
                  ),
                ),
                SizedBox(width: 16.w),
                Icon(
                  Icons.chevron_right,
                  color: Colors.white,
                  size: 48.sp,
                ),
                SizedBox(width: 32.w),
              ],
            ),
          ],
        ),
      ),
    );
  }
}
